<!DOCTYPE html>
<html lang="en">
<head>
	<base target="_blank">
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="css/home.css"/>
	<script src="js/home.js"></script>
</head>

<body>

<div class="container">
	<div class="header">
		<div class="header_wrap">

			<div class="subheader_wrap">
				<!-- logo -->
				<div class="header_logo"><img src="images/logo.png" height="60px" width="60px"></div>
				<div class="department"><img src="images/department.png" height="40px" width="200px"></div>
				<!-- 搜索框 -->
				<div class="header_wrap_search">
					<input type="text" name="search" placeholder="请输入关键字" autocomplete="off"><button type="submit"><img src="images/search.png" height="40px" width="40px"></button>
				</div>
				<!-- 登录注册按钮 -->
				<div class="header_wrap_login">
					<a href="http://111.230.50.230/index.php/index/Index/mpage"><img src="images/login.png" height="25px" width="55px"></a><img src="images/slash.png"><a href="http://111.230.50.230/index.php/index/Index/sign"><img src="images/regist.png" height="25px" width="55px"></a>
				</div>
			</div>

			<!-- 导航栏 -->
			<nav class="header_wrap_nav">
				<li><a href="http://111.230.50.230/">首页</a></li>
				<li onmouseover="ShowLevel(this)" onmouseout="HideSub(this)">
					<a href="http://111.230.50.230/index.php/index/ProjectController/department">部门相关</a>
					<ul class="tab">
						<li><a href="http://111.230.50.230/index.php/index/ProjectController/workdisplay">作品展示</a></li>
						<li><a href="javascript:;">公告</a></li>
						<li><a href="javascript:;">咨询</a></li>
					</ul>
				</li>
				<li><a href="http://111.230.50.230/">活动</a></li>
				<li><a href="http://111.230.50.230/">贴吧</a></li>		
			</nav>

			<!-- 个人中心-->
			<div class="header_wrap_user">
				<li onmouseover="ShowLevel(this)" onmouseout="HideSub(this)">
					<a href="http://111.230.50.230/index.php/index/ProjectController/department">个人中心</a>
					<ul class="tab">
						<li><a href="javascript:;">设置</a></li>
						<li><a href="javascript:;">退出</a></li>
					</ul>
				</li>
			</div>
				
		</div>
	</div>

	<div class="banner">
		<!-- 轮播图 -->
		<div id="banner__carousel" class="banner__carousel">
			<div id="banner__carousel_list" style="left: -1093px;">
				<img src="images/banner5.jpg">

				<img src="images/banner1.jpg">
				<img src="images/banner2.jpg">
				<img src="images/banner3.jpg">
				<img src="images/banner4.jpg">
				<img src="images/banner5.jpg">

				<img src="images/banner1.jpg">
			</div>
			<div id="banner__carousel_buttons">
				<span class="on" index="1"></span>
				<span class="" index="2"></span>
				<span class="" index="3"></span>
				<span class="" index="4"></span>
				<span class="" index="5"></span>
			</div>
			<a href="javascript:;" class="arrow" id="prev"></a>
			<a href="javascript:;" class="arrow" id="next"></a>
			<!-- slidebar -->
			<div class="banner__slidebar">
				<li class="banner__slidebar-item"><a href="#">游戏策划<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">技术开发<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">美术设计<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">游戏未来<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">策划知识<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">技术资料<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">美工设计<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">部门介绍<span>></span></a></li>
				<li class="banner__slidebar-item"><a href="#">成员介绍<span>></span></a></li>
			</div>
		</div>
	</div>

	<!-- 精品推荐 -->
	<div class="recommend">
		<!-- 精品推荐导航栏 -->
		<div class="recommend__nav">
			<div><a href="#"class="recommend__title">精品推荐</a></div>
			<div class="recommend__content">
				<a class="recommend__content-item" href="https://tieba.baidu.com/f?kw=%D3%CE%CF%B7&tpl=5">游戏贴吧</a>
				<a class="recommend__content-item" href="https://unity3d.com/cn/get-unity/download">Unity官网下载</a>
				<a class="recommend__content-item" href="http://pan.baidu.com/s/1pLPlM2n">unity学习(rb6l)</a>
				<a class="recommend__content-item" href="http://pan.baidu.com/s/1c25VoKK">策划学习(34lg)</a>
				<a class="recommend__content-item" href="#">unity初学须知</a>
				<a class="recommend__content-item" href="http://pan.baidu.com/s/1dEAwQoL">c#学习(yaou)</a>
			</div>
		</div>
		<!-- 精品推荐产品 -->
		<!-- <div class="recommend__products"></div> -->
	</div>

	<!-- 底部 -->
	<footer class="footer">
		<div class="footer__wrap">
			<!-- 关于游戏部 -->
			<div class="footer__about">
				<img src="images/plus.png" height="60px" width="60px"><br>
				<div class="footer__about-content">
					<span>关于游戏部</span><br>
					<a href="">关于</a><br>
					<a href="">管理团队</a><br>
					<a href="">密码修改</a><br>
					<a href="">帮助</a>	
				</div>
			</div>
			<!-- 部长 -->
			<div class="footer__minister">
				<img src="images/plus.png" height="60px" width="60px"><br>
				<div class="footer__minister_content">
					<span>凡路游戏部特别棒</span><br>
					<span>凡路游戏部特别棒</span><br>
					<a href="">部长：欧阳浩</a>
				</div>
			</div>
			<!-- 新手指南 -->
			<div class="footer__new">
				<img src="images/plus.png" height="60px" width="60px"><br>
				<div class="footer__new-content">
				    <span>新手指南</span><br>
					<a href="">如何注册</a><br>
					<a href="">如何选方向</a><br>
					<a href="">考核机制</a>
				</div>
			</div>
			<div class="copyright"></div>
		</div>
	</footer>
	<div class="cloud"></div>
</div>
</body>
</html>

